Skip to main content

Slides

Type .slide in the first line of an input cell

One can also make presentations using WLJS Frontend. This is provided by wljs-revealjs, that integrates RevealJS and WLX language to provide components approach on making presentations as well as add interactivity and all features of frontend's cells like this

See slides tutorial​

tip

To go fullscreen mode - press f key after focusing on the content of a slide

.slide

# Title

Paragraph

Merge slides from different cells​

To merge the all slides into a single fat presentation use

.slides

It will merge and print slides from all cells in the notebook into a single one.

tip

Use projector feature

to show slides in a separate window

Plain HTML​

By the default slides cells do support plain HTML mixed with Markdown syntax and WLX. For example one can embed a website on a slide

.slide

<iframe
  style="margin-left:auto; margin-right:auto; border-radius: 10px"
  width="600"
  height="500"
  src="https://jerryi.github.io/wljs-docs/">
</iframe>

LaTeX​

We use KaTeX as a render engine, to type a equation wrap it inside $ or $$ (for equation block)

.slide

$$
E = \\hbar \\omega
$$
warning

Unfortunately, you have to escape all backslashes, i.e. instead of \alpha you need to write \\alpha.

See here all supported function for LaTeX equations.

WLX​

Slides integrates some features of WLX cell types similar to Markdown cells. Please see Slides tutorial for more information on how to use its power.

Drawings​

We use an amazing Excalidraw editor for any complex drawings right inside the slides and markdown input cells. Try to type

.slide

!![]

In the output cell a corresponding SVG image will be generated.

Export​

Slides can be exported using Static HTML exporter or static export using Slides exporter for printing for example

Autoupload images​

Drop a file​

Paste media file​

Plugins​

The package uses also some external plugins

Last updated on